'use client'

import OutlineButton from '@/components/common/OutlineButton'
export default function Account() {
  return (
    <div className="upload-card w-full p-[16px]">
      {/* 标题 */}
      <h2 className="text-lg font-semibold mb-4 text-white">Account</h2>

      {/* Email 区块 */}
      <div className="flex flex-col md:flex-row md:items-center justify-between gap-4 border border-[#1f2533] rounded-2xl  bg-[#10141f]">
        {/* 左侧 Email 信息 */}
        <div>
          <p className="text-sm text-gray-400 mb-1 font-semibold">Email</p>
          <p className="text-gray-300">you@firm.com</p>
        </div>

        {/* 右侧状态 + 按钮 */}
        <div className="flex items-center gap-3">
          <span className="text-xs bg-[#2d2615] text-[#f9d57a] px-3 py-0.5 rounded-full border-solid border-[#6b5720] font-semibold">
            Unverified
          </span>

          <OutlineButton
            title="Resend verification"
            fontSize="14px"
            width="156px"
            height="36px"
            radius="12px"
            onClick={() => {}}
          />
        </div>
      </div>
    </div>
  )
}
